Reflect on your progress 回顧一下自己的學習進展
1. 細節視角（Detail View）
目標：確保所有小元素保持一致，避免低階錯誤。
檢查內容：
- 字型型別和大小是否一致？
- 顏色是否統一？是否有使用錯誤的 HEX 碼？
- 圖示是否一致？尺寸、樣式是否統一？
示例：在 dog walker app 中，設計師發現有一個圖示誤用了 #f18530，而其他地方都使用了 #fa7b17。這是細節不一致的典型案例。
2. 頁面視角（Page-Level View）
目標：從整頁佈局上檢查元素是否平衡、比例是否協調。
檢查內容：
- 頁面元素是否對齊？
- 空間是否分佈合理？
- 哪些區域顯得雜亂或不協調？
示例：最初，“預約頁面”中的狗狗介紹文字向右縮排，導致頁面不平衡。後來改為左對齊，同時給“選擇”對勾加了灰色圓圈來加強視覺平衡。
3. 功能視角（Function-Level View）
目標：確認 Mockup 中的操作流程是否完整、可互動。
檢查內容：
- 是否每頁都有返回按鈕或前進按鈕？
- 是否有執行主要任務的按鈕（如“提交”、“預約”等）？
- 是否有撤銷、關閉（如“X”圖示）等輔助功能按鈕？
示例：在預約頁中，檢查是否包括“返回箭頭”、“X 關閉圖示”以及“Book Sarah”按鈕，確保每一步使用者都能順利操作。
4. 應用視角（App-Level View）
目標：從整體產品層面檢查一致性、導航結構與使用者流程。
檢查內容：
- 不同頁面的導航、圖示是否位置一致？
- 是否保持統一的視覺風格？
- 跨頁面功能是否一致（如底部導航、頂部選單等）？
操作建議：在 Figma 中縮放檢視檢視多個頁面，快速識別不一致的設計區域。
示例：三個頂部圖示應該在所有頁面中都位於相同位置，避免使用者混淆。
